<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/homepage.css">
    <title>Document</title>
</head>
<body>
    <div class="header">
        <div class="first-nav">
            <div class=" first-left-nav">
                <ul>
                    <li><img src="img/home.png"     alt=""> 当前城市:</li>
                    <li><a href="">上海</a>
                    <span>
                        <p>
                            <u>xxxxx</u>
                            <table>
                                <tr>
                                    <td>xxxxxxxxx</td>
                                </tr>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                            </table>
                        </p>
                        <p>
                            <table>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                                <tr>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                    <td><a href="">xxx</a></td>
                                </tr>
                            </table>
                        </p>
                    </span>
                    </li>
                    <li>hi，欢迎来到我买网！</li>
                    <li><a href="login.html">登录</a></li>
                    <li><a href="register.html">注册</a></li>
                </ul>
            </div>
            <div class=" first-right-nav">
                <ul>
                    <li><a href="">我的账户</a>
                        <span>
                            <p>
                                <table>
                                    <tr>
                                        <td>xxxxxxxxx</td>
                                    </tr>
                                    <tr>
                                        <td><a href="">xxx</a></td>
                                        <td><a href="">xxx</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="">xxx</a></td>
                                        <td><a href="">xxx</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="">xxx</a></td>
                                        <td><a href="">xxx</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="">xxx</a></td>
                                        <td><a href="">xxx</a></td>
                                    </tr>
                                    <tr>
                                        <td><a href="">xxx</a></td>
                                    </tr>
                                </table>
                                </p>
                        </span>
                    </li>
                    <li><a href="">购物车件</a></li>
                    <li><a href="">客户服务</a></li>
                    <li><a href="">企业购</a></li>
                    <li><a href=""><img src="img/icbc.png" alt=""></a></li>
                    <li><a href=""><img src="img/zx.png" alt=""></a></li>
                </ul>
            </div>
        </div>
    </div>




    <div class="search-wrap">
        <div class="search-box">
            <div class="search-img1">
                <img src="img/1.png" alt="">
            </div>
            <div class="search">
                <input type="text">
                <a href="">搜索</a>
            </div>
            
            <div class="search-img2">
                <a href=""><img src="img/erweima.png" alt=""></a>
            </div>
        </div>
    </div>




    <div class="main-wrap">
        <div class="main">
            <div class="main-left">
                <div class="mlh">全部商品分类</div>
                <div class="list-all">
                    <div class="item bo">
                        
                    <h3><span>·</span><a href="">肉禽水产</a>、<a href="">水果蔬菜</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="f1">
                                <dt>
                                    <a href="#">精品水果</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="f2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
                    <div class="item">
                        
                    <h3><span>·</span><a href="">进口食品</a>、<a href="">进口直采</a></h3>
                    <div class="item-list clearfix">    
                        <div class="subitem">
                            <dl class="fore1">
                                <dt>
                                    <a href="#">精品水果2</a>
                                </dt>
                                    <dd><em><a href="#">奇异果</a></em>
                                        <em><a href="#">橙子</a></em>
                                        <em><a href="#">苹果</a></em>
                                        <em><a href="#">热带水果</a></em>
                                        <em><a href="#">葡萄蹄子</a></em>
                                        <em><a href="#">瓜</a></em>
                                    </dd>
                            </dl>
    
                            <dl class="fore2">
                                <dt>
                                    <a href="#">海鲜水产</a>
                                </dt>
                                    <dd><em><a href="#">虾类</a></em>
                                        <em><a href="#">鱼类</a></em>
                                        <em><a href="#">贝类</a></em>
                                        <em><a href="#">海参</a></em>
                                        <em><a href="#">蟹类</a></em>
                                        <em><a href="#">鲍类</a></em>
                                        <em><a href="#">干货类</a></em>
                                        <em><a href="#">海鲜礼盒</a></em>
                                    </dd>
                                </dl>  
                            </div>
                        </div>
                    </div>
            </div>
                </div>




                
            <div class="main-center">
                <div class="mch"><a href=""> 团购</a></div>
                <div class="lbt">
                        <ul class="ul1">
                          <li class="ac">
                            <a href="javascript:alert(0);">
                              <img src="img/banner1.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="javascript:alert(1);">
                              <img src="img/banner2.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="javascript:alert(2);">
                              <img src="img/banner3.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="javascript:alert(3);">
                              <img src="img/banner4.jpg" />
                            </a>
                          </li>
                          <li>
                            <a href="javascript:alert(4);">
                              <img src="img/banner5.jpg" />
                            </a>
                          </li>
                        </ul>
                        <ol>
                          <li class="ac"></li>
                          <li></li> 
                          <li></li>
                          <li></li>
                          <li></li>
                        </ol>
                        <a href="javascript:;" id="goPrev">&laquo;</a>
                        <a href="javascript:;" id="goNext">&raquo;</a>
                      </div>
            </div>
            <div class="main-right">
                <div class="mrh"><a href=""><img src="img/3.png" alt="">购物车</a></div>
                <div ><a href=""><img src="img/2.png" alt=""></a></div>
                <!-- 后面优化 -->
            </div>

        </div>

    </div>



    <div class="content-wrap">
        <div class="content">
            <div class="content-title">
                <div class="ctl">
                    <p>一国一馆</p>
                </div>
                <div class="ctr">
                    <ul>
                        <li><a href="">精选推荐</a></li>
                        <li><a href="">热卖推荐</a></li>
                    </ul>
                </div>

            </div>
            <div class="content-main">
                <div class ="content-1f">
                    <a href=""><img src="img/4.png" alt=""></a>
                    <div id="cont">
                        <!-- <p>卖完了，等待上架中...</p>
                        <div class="box">
                            <img src="" alt="">
                            <p></p>
                            <p></p>
                        </div> -->
                    </div>
                </div>
            </div>
         </div>
    </div>



    <ul class="nav-x">
        <li>一国一馆</li>
        <li>健康厨房</li>
        <li>健康休闲</li>
    </ul>
          




    <div class="foot">


    </div>




</body>
<script src="js/jquery.js"></script>
<script src="js/sanjicaidan.js"></script>
<script src="js/lunbotu.js"></script>
<script>
    $(".nav-x").children("li").click(function(){  
        $("html").animate({
            scrollTop:$(".box").eq($(this).index()).offset().top
        })
    })
    let userObj = sessionStorage.getItem("token") ? JSON.parse(sessionStorage.getItem("token")) : {};

if(userObj.isLogin === "ok"){
    $(".loginMsg").hide();
    $(".userMsg").show();
    $(".userMsg").children("span").html(userObj.username);
}

$(".userMsg").children("a").click(function(){
    sessionStorage.setItem("token","");
    $(".loginMsg").show();
    $(".userMsg").hide();
})

    class List{
        constructor(){
            this.cont = $("#cont");
            this.url = "data/pro.json";

            this.load();
        }
        load(){
            $.ajax({
                url:this.url,
                success:(res)=>{
                    this.res = JSON.parse(res);
                    this.render();
                }
            })
        }
        render(){
            let str = "";
            for(let i=0;i<this.res.length;i++){
                str += `<div class="box" data-id="${this.res[i].goodsId}"><a href="detail.html?id=${this.res[i].goodsId}">
                            <img src="${this.res[i].img[0].small}">
                            <p>${this.res[i].price}</p>
                            <p>${this.res[i].name}</p></a>
                        </div>`
            }
            this.cont.html(str);
        }
    }
    new List;
</script>
</html>